<template>
    <div style="display: flex; border: none; background-color: #f2f2f2;">
      
            <van-button type="default"  @click="$router.push('/')"> <</van-button>

                <van-search v-model="search" placeholder="请输入搜索关键词" style="width: 100%;" />
                <van-button type="primary" @click="$router.push('/kong')">搜索</van-button>

    </div>
    

    <van-card num="2" price="2.00" desc="描述信息" title="小米手环9"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
       
        <template #footer>
            <van-button size="mini" @click="$router.push('/detail')">加入购物车</van-button>
            
        </template>
    </van-card>
    <van-card num="2" price="2.00" desc="描述信息" title="小米手环9 NFC"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
       
        <template #footer>
            <van-button size="mini" @click="$router.push('/detail')">加入购物车</van-button>
            
        </template>
    </van-card>
    
    <van-card num="2" price="2.00" desc="描述信息" title="小米时尚镂空手链"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
       
        <template #footer>
            <van-button size="mini" @click="$router.push('/detail')">加入购物车</van-button>
            
        </template>
    </van-card>
    <van-card num="2" price="2.00" desc="描述信息" title="小米手环 真皮腕带 陶瓷白"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
       
        <template #footer>
            <van-button size="mini" @click="$router.push('/detail')">加入购物车</van-button>
            
        </template>
    </van-card>
</template>
<script setup>
// import request from '@/utils/request.js'
// import { ref } from 'vue'
// let search=ref('')
// let mi = ref('')
// const search=()=>{
//     mi.style.display='none'  
// }
//     if(search.value=='小米'){
//  mi.style.display='block'
// }


</script>